<div class="panel-base">
	<ul class="thumbnails" style="padding:0px; margin:0px;">		
		<?php						
			if (count($data) > 0){		
				for ($i=0; $i<count($data); $i++){ ?>
					<li style="float:left;">
						<a class="thumbnail" rel="group" href="<?php print $data[$i]['CAF_IMG_FILENAME']; ?>" data-fancybox-group="cafe">
						<img src="<?php print $data[$i]['CAF_IMG_FILENAME']; ?>" style="width:195px; height:150px;" /></a>								
					</li>								
		<?php 	}
			} ?>
	</ul>
</div>
<script type="text/javascript">
	$(document).ready(function(){
		$(".thumbnail").fancybox();
	})
</script>
